<template>
	<view>
		<view @tap="copy(content)">
			<text class="wos-text-sm copy wos-hand">Copy</text>
		</view>
		<view>
			<pre v-highlight><code class="javascript">{{content}}</code></pre>
		</view>
	</view>
</template>

<script>
	export default {
		name:"wos-code",
		data() {
			return {
				
			};
		},
		props:{
			content:{
				require:true,
				type:String
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.copy{
		background-color: $wos-font-green;
		color: #FFFFFF;
		padding: 5rpx 10rpx;
	}
</style>